<template>
    <div>
        <!--发布-->
        <div class="rgba_box" v-show="panelShow">
            <div class="release_box">
                <div class="img_box">
                    <router-link to='/propaganda/details/releaseLove'>
                        <div>
                            <img src="@as/img/propagandaIcon/xuanchuan_fabu_hongxin@2x.png" alt="">
                            <span>一颗红心</span>
                        </div>
                    </router-link>
                    <router-link to='/propaganda/videoList/fabuVideo'>
                        <div>
                            <img src="@as/img/propagandaIcon/xuanchuan_fabu_weishi@2x.png" alt="">
                            <span>党建微视</span>
                        </div>
                    </router-link>
                    <router-link to='/propaganda/details/releaseAlbum'>
                        <div>
                            <img src="@as/img/propagandaIcon/xuanchuan_fabu_xiangce@2x.png" alt="">
                            <span>党建相册</span>
                        </div>
                    </router-link>
                </div>
                <div class="close">
                    <img @click="hidePanel" src="@as/img/propagandaIcon/xuanchuan_close@2x.png" alt="">
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "release",
        data() {
            return {}
        },
        props: {
            panelShow: {
                type: Boolean
            }
        },
        methods: {
            hidePanel() {
                this.$emit('update:panelShow', false)
            },


        },
    }
</script>

<style scoped>
    .rgba_box {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .2);
        z-index: 9999999;
    }

    .release_box {
        width: 100%;
        height: 240px;
        position: absolute;
        bottom: 0;
        background: #fff;
    }

    .release_box .img_box {
        width: 100%;
        margin-top: 34px;
    }

    .release_box .img_box div {
        width: 33%;
        text-align: center;
        display: inline-block;
    }

    .release_box .img_box img {
        width: 50px;
        height: 50px;
        position: relative;
        top: 10px;
        display: block;
        margin: 0 auto;
    }

    .release_box .img_box span {
        font-size: 14px;
        color: #666;
        display: inline-block;
        text-align: center;
    }

    .release_box .close {
        position: absolute;
        bottom: 30px;
        text-align: center;
        width: 100%;
    }

    .release_box .close img {
        width: 20px;
        height: 20px;
    }


</style>